body,html{ width:100%;}
#main-wrapper{ width:100%;}
#main-wrapper .main{ width:1315px; height:100%;margin:0 auto;}
.main .fir-list{ width:1315px; height:35px;background:#f8f8f8;margin-top:10px;
line-height:35px;
}
.fir-list a{color:#333333;font-size:14px;margin:0 10px;}
.fir-list span{color:#ffa520;}

.main .clas{ width:1315px; height:56px; border-bottom:1px solid #e5e4e4;
padding-top:20px;margin-bottom:20px;
}
.main .clas h3{ width:100px; height:32px;background:#f3f3f3;color:#333333;
font-size:14px;text-align:center;line-height:32px;margin-right:15px;
float:left;
}
.main .clas ul{display:flex;flex-direction:row;flex-wrap:wrap;
/*justify-content:space-between;align-content:flex-start;*/
}
.main .clas ul li{padding:0 10px;margin:5px;margin-bottom:0px;}
.main .clas ul a{color:#888888;font-size:14px}
.main .clas ul li:hover{background:#e4e4e4;transition:all 0.35s linear}
.main .clas ul li:hover a{color:#000;}

.main .selc{ width:1315px; height:46px;background:#f4f4f4;}
.main .selc ol{height:46px;float:left}
.main .selc ol li{ height:26px;background:#fff;float:left;
margin:10px 8px;
padding:0 15px;}
.main .selc ol .selected{background:#999999;}
.main .selc ol .selected a{color:#fff;}
.main .selc ol li a{color:#6b6d65;font-size:12px;height:26px;
text-align:center;line-height:26px;}

.main .selc .look{display:block;float:left;margin-top:10px;margin-left:25px;}
.main .selc .look span{ display:inline-block;width:65px;
height:24px; border:1px solid #e6e6e6;background:#fff;
}
.main .selc .look input{ width:50px; height:24px;border:none;}
.main #find{ width:48px; height:22px; border:1px solid #939393;
background:#e0e0e0;text-align:center;line-height:22px;color:#3e4035;
margin-left:10px;font-size:14px;cursor:pointer;
}



.main .selc .status{float:right;margin-right:5px;margin-top:10px;
position:relative;
}
.selc .status .sta1{color:#555555;font-size:12px;font-weight:900;
display:inline-block; height:24px; width:90px; border:1px solid #ccc;
text-align:center;line-height:24px;
}
.selc .status ul{ width:90px; height:175px;border:1px solid #ccc;display:none;
position:absolute;right:0px;top:24px;z-index:999;
}
.selc .status ul li{ height:25px;background:#fff;}
.selc .status ul .current{background:#f3f3f3}
.selc .status ul li:nth-of-type(1){background:#e6e6e6;}
.selc .status ul li a{color:#555555;font-size:12px; line-height:25px;margin-left:8px;}


/*商品列表*/

.main .pro-list{ width:1315px; height:1515px;background:#fff;}
.main .pro-list ul{display:flex;flex-direction:row;flex-wrap:wrap;
justify-content:space-between;
}
.main .pro-list ul .itmes{ width:321px; height:495px; border:1px solid #ededed;
margin-top:10px;position:relative;overflow:hidden;
}
.main .pro-list ul .kong{position:absolute; width:46px; height:46px;background:#000;
border-radius:50%;opacity:0.6;left:20px;top:20px;text-align:center;font-size:14px;
color:#fff;line-height:46px;font-family:"宋体";
}
.main .pro-list ul li:hover{ border:1px solid #3e4035;transition:all 0.2s linear;}
.pro-list ul .itmes .limg{display:block;margin-top:5px;
text-align:center}
.pro-list ul .itmes .simg{ height:65px; width:65px; border:1px solid #cc0000;
display:block;margin:15px 0 0 5px;
}
.pro-list ul .itmes .pri{display:block;color:#ff0000;font-size:16px;
margin-left:8px;margin-top:15px; height:32px;
}
.pro-list ul .itmes .pri a{ float:right;
:block;width:30px; height:30px;background:#f5f5f5;border-radius:50%;
color:#ff4000;font-size:20px;text-align:center;margin-right:35px;
}

.pro-list ul .itmes .disc{display:block;color:#555555;font-size:14px;
line-height:20px;margin:5px 35px 0 5px;}
.pro-list ul .itmes .disc:hover{text-decoration:underline;cursor:pointer}

.pro-list ul .itmes .xiao div{color:#6b6d6b;font-size:12px;
margin:30px 35px 0px 5px;
float:left;}
.pro-list ul .itmes .xiao div:nth-of-type(2){float:right}
.pro-list ul .itmes .xiao div span{color:#cc0052;font-size:12px;}

.pro-list .oul .itmes .xiao .shou{ display:block;width:70px; height:25px;background:#000;
text-align:center;line-height:25px;color:#fff;opacity:0.4;border-radius:5px;
position:absolute;right:-70px;bottom:228px;
}



.main .page{ width:1315px; height:60px;text-align:center; margin-top:25px;
color:#afafaf}
.main .page span{ display:inline-block;width:64px; height:26px;
border:1px solid #dddddd;line-height:26px;}
.main .page a{display:inline-block;height:26px;padding:0 10px;
margin-left:10px;color:#aaaaaa;font-size:12px;line-height:26px;
border:1px solid #dddddd;}
.main .page .active{background:#cccccc;color:#fff;}
